@import "fontsize-and-color.scss";

.footer-service {
  width: 1226px;
  min-width: 1226px;
  margin: 0 auto;
  padding: 28px 0;
  border-bottom: 1px solid #E0E0E0;

  ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;

    li {
      // background-color: salmon;
      border-right: 1px solid #E0E0E0;

      &:last-child {
        border-right: none;
      }

      a {
        display: flex;
        align-items: center;
        justify-content: center;
        @include font-big;
        color: $secondary-text-2nd;
        transition: color .2s;

        .iconfont {
          display: flex;
          font-size: 24px;
          line-height: 24px;
          align-items: center;
          margin-right: 8px;
          color: $secondary-text-2nd;
        }

        &:hover,
        &:hover .iconfont {
          color: $mi-theme-color;
        }
      }
    }
  }
}